﻿<html>
<head>
	<title>MS Posts</title>
	<link  type="text/css" rel="stylesheet" media="all" href="style.css" />
	<script type="text/javascript" src="jquery-1.6.2.js"/></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$("button#submit_post").click(function(){
			var title_content = $("input#title_content").val();
			var body_content = $("textarea#body_content").val();
			var author_content = $("input#author_content").val();
			$("div#publish_post").load("actions.php", {title:title_content, content:body_content, author:author_content});
			var reset_title = $("").val();
			$("input#title_content").val(reset_title);
			$("textarea#body_content").val(reset_title);
			$("input#author_content").val(reset_title);			
			});

			$(this).ready(function(){
			$("div#loading").fadeIn(500).delay(1000).fadeOut(500);
			});

			$("button#submit_post").click(function(){
			$("div#publish_post").fadeIn(1000);
			});
			
			$("button#reset_post").click(function(){
			var reset_title = $("").val();
			$("input#title_content").val(reset_title);
			$("textarea#body_content").val(reset_title);
			$("input#author_content").val(reset_title);
			});

			$("input#title_content").click(function(){
			$("div#publish_post").fadeOut(1000);
			});

			$("textarea#body_content").click(function(){
			$("div#publish_post").fadeOut(1000);
			});

			$("input#author_content").click(function(){
			$("div#publish_post").fadeOut(1000);
			});
			
			$("button#show_items").click(function(){
			$("div.show_conent").fadeIn(500);
			});	

			$("button#hide_items").click(function(){
			$("div.show_conent").fadeOut(500);
			});
		});
	</script>
</head>